
// 导入axios模块
import axios from 'axios'
import store from '@/store'
import router from '@/router'
import { refreshTokenAPI } from '@/api'
// 创建一个新的axios函数对象
const ajax = axios.create({
  baseURL: 'http://123.57.109.30:8000'// 配置基地址
})

// 请求: 前端(客户端) -> 后端(服务器)  技术: axios(内部ajax)
// 响应: 前端(客户端) <- 后端(服务器)  回到axios发起位置

// axios请求拦截器
// 逻辑页面(用户动作) -> axios发起请求 -> (axios请求拦截器处理一下) -> 请求后端服务器
// 添加请求拦截器
// 发起请求之前, 修改axios的请求配置对象, 转化成原生ajax发起请求去了
ajax.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // 如果没有Authorization字段, 我才给你添加
  // vuex里必须有token才携带
  if (config.headers.Authorization === undefined && store.state.token.length > 0) {
    config.headers.Authorization = 'Bearer ' + store.state.token
  }

  //   console.log(config)
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// axios响应拦截器
// 页面反馈          <- axios接到数据 <- (axios响应拦截器处理一下) <- 后端服务器响应

// 添加响应拦截器
ajax.interceptors.response.use(function (response) { // 当状态码为2xx/3xx开头的进这里
  // 对响应数据做点什么
  return response
}, async function (error) { // 响应状态码4xx/5xx进这里
  // 对响应错误做点什么
  // 只有响应状态码为401的时候, 才跳转到登录页面
//   console.dir(error)
  if (error.response.status === 401) {
    // vuex和本地的token都过期了, 得清空
    store.commit('setToken', '')

    // 方式一: 跳转登陆页面,用户有感知
    // router.push({
    //   path: '/login',
    //   query: {
    //     code: 401
    //   }
    // })

    // 方式二: refreshToken刷新token(用户无感知)
    const res = await refreshTokenAPI()
    // 把新token储存到vuex和本地
    store.commit('setToken', res.data.data.token)

    // 再调用一次未完成的请求(用户无感知)
    // 把新的token赋予给上一次请求的请求头里
    error.config.headers.Authorization = 'Bearer ' + res.data.data.token
    // 把这次请求的结果return到请求的await的地方
    return ajax(error.config) // error.config就是上一次请求的配置对象
  } else if (error.response.data.message === 'refresh_token失效') {
    // 清空token和refresh_token
    store.commit('setToken', '')
    store.commit('setRefreshToken', '')
    // 跳转到登陆页面
    router.replace({
      path: '/login'
    })
  }

  return Promise.reject(error)
})

// 导出自定义函数,参数对象解构赋值
export default ({ url, method = 'GET', data, params, headers }) => {
  // 把原地下的promise对象返回到调用处
  // promise对象内的网络请求结果,返回到then/await
  return ajax({
    url: url,
    method: method,
    data: data,
    params: params,
    headers: headers
  })
}

// 原来写法
// export default ajax

// 调用
// import request from '@/utils/request'

// request({
//   url: url,
//   method: method,
//   data: data,
//   params: params,
//   headers: headers

// }).then((res)=>log(res))
